<div id="overview">
Simple and Easy JQuery Tab plugin.
<a href="<?=$LP?>mac/js/tabs">Online Demo</a> and
<a href="<?=$LP?>mac/js#tabs">Download</a>
<ul>
	<li>Support static, dynamic, remote way to load content.</li>
	<li>Support context menu and 'Close, Close Others, Close All' actions.</li>
	<li>All setting 3 height styles for each tab, include: fit component, fit content and fixed。</li>
	<li>You can use mousewheel to scroll tab headers.</li>
	<li>Easy to customize style.</li>
</ul>
</div>
<div id="options">
	<h3><a href="#">speed</a></h3>
	<p>
		Scroll speed of tabs bar, default = 6.
	</p>
	<h3><a href="#">tabWidth</a></h3>
	<p>
		The width of each tab's head button, default = 90.
	</p>
	<h3><a href="#">tabHeight</a></h3>
	<p>
		The height of each tab's head button, default = 26.
	</p>
	<h3><a href="#">hbarHeight</a></h3>
	<p>
		The mask bar under tab head bar, it is useful for customize style, default = 2.
	</p>
	<h3><a href="#">Tab Config</a></h3>
	<p>
		<ul>
			<li>code: Tab unique name.</li>
			<li>title: Tab title.</li>
			<li>
				height: Tab height style for each of tab. Optional.
				<ul>
					<li>default: Tab height fit the component height.</li>
					<li>auto: Tab height is decided by content of it.</li>
					<li>number: This value will be set to CSS height property directly.</li>
				</ul> 
			</li>
			<li>el: Element or HTML frag which you want to put in. Optional.</li>
			<li>url: Tab content url. Optional.</li>
			<li>autoLoad: Load tab content automatically. Default true.</li>
			<li>closeable: Can close or not. Default false.</li>
			<li>bodyCls: Extra class for body of current tab. Optional.</li>
		</ul>
	<p>
</div>
<div id="events">
	<h3><a href="#">onCloseTab(m, c, a)</a></h3>
	<p>
		It is triggered before a tab be closed, return false to prevent be closed.
		<ul>
			<li>m: This component self.</li>
			<li>c: Name of this closing tab.</li>
			<li>a: Element of this tab's head.</li>
		</ul>
	</p>
	<h3><a href="#">onLoadPage(m, a, b, p)</a></h3>
	<p>
		It is triggered when a page be loaded into a tab.
		<ul>
			<li>m: This component self.</li>
			<li>a: Element of this tab's head. </li>
			<li>b: Element of this tab's body. </li>
			<li>p: Config object of this tab. </li>
		</ul>
	</p>
	<h3><a href="#">onShowTab</a></h3>
	<p>
		It is triggered when a tab be actived.
		<ul>
			<li>m: This component self.</li>
			<li>a: Element of this tab's head. </li>
			<li>b: Element of this tab's body. </li>
			<li>p: Config object of this tab. </li>
		</ul>
	</p>
</div>
<div id="methods">
	<h3><a href="#">closeTab(c, [a])</a></h3>
	<p>
		Close a tab by name.
		<ul>
			<li>c: tab name</li>
			<li>a: tab head button, optional</li>
		</ul>
	</p>
	<h3><a href="#">closeTabs([x])</a></h3>
	<p>
		Close all closable tabs.
		<ul>
			<li>x: Except the tab which name is x, optional</li>
		</ul>
	</p>
	<h3><a href="#">addTab(p, n)</a></h3>
	<p>
		Add a tab.
		<ul>
			<li>p: Config object of new tab.</li>
			<li>n: Position index for insert.</li>
		</ul>
	</p>
	<h3><a href="#">scroll(a)</a></h3>
	<p>
		Scroll tab head bar and select a tab。
		<ul>
			<li>a: Tab head button.</li>
		</ul>
	</p>
	<h3><a href="#">hscroll()</a></h3>
	<p>
		Start horizontal scroll.
	</p>
	<h3><a href="#">select(c)</a></h3>
	<p>
		select a tab.
		<ul>
			<li>c: Tab name</li>
		</ul>
	</p>
	<h3><a href="#">selectFirst()</a></h3>
	<p>
		Select the first tab.
	</p>
</div>